<template>
  <div class="exit_warpper" @click.stop>
    <EditExamTitle :exam="exam" />

    <EditExamContent
      :hasContents="hasContents"
      :examList="examList"
      :exam="exam"
    />

    <EditExamFotter :exam="exam" />
  </div>
</template>
<script lang="ts">
import { ExamItem } from '@/store/design/types';
import { defineComponent } from 'vue';
import EditExamTitle from './edit-common/EditExamTitle.vue';
import EditExamContent from './edit-common/EditExamContent.vue';
import EditExamFotter from './edit-common/EditExamFotter.vue';

export default defineComponent({
  components: { EditExamTitle, EditExamContent, EditExamFotter },
  props: {
    exam: { type: ExamItem, required: true },
    /** 题目列表 */
    examList: { type: Array, default: () => [] },
    hasContents: { type: Boolean, default: true },
  },
  setup(props) {
    return {};
  },
});
</script>
<style lang="less" scoped>
.exit_warpper {
  position: relative;
  top: -32px;
  // padding:
  // background-color: #fafafa;
  // border-top: 1px solid red;
}
</style>
